<{extends file="PortalHtml.tpl.html"}>
<{block name=head}>
 <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 60px;
      }

      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 60px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 10px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      .jumbotron ul{
	   width:100%;
	   height:25px;
       float:left;
      }
      .jumbotron ul li {
        float:left;
        margin: 20px;
        line-height: 25px;
      }
      
      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }
      .navbar .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbar .nav li a {
        font-weight: bold;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }
      h2{text-align: center;}
    </style>
<{/block}> 
<{block name=content}>
<div class="container">

      <div class="masthead">
        <h3 class="muted">Will Accessory</h3>
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li><a href="#">首页</a></li>
                <li class="active"><a href="#">产品</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系信息</a></li>
                <li><a href="#">Language</a></li>
                <li><a href="<{$smarty.const.WEB_PATH}>index/style3">Style3</a></li>
              </ul>
            </div>
          </div>
        </div><!-- /.navbar -->
      </div>

      <!-- Jumbotron -->
      <div class="jumbotron">
        <ul>
            <li>年份:</li>
            <li><a>2013</a></li>
            <li><a>2012</a></li>
            <li><a>2011</a></li>
            <li><a>2010</a></li>
            <li><a>更早</a></li>
        </ul>
        <ul>
            <li>种类:</li>
            <li><a>领花</a></li>
            <li><a>花边</a></li>
            <li><a>纽扣</a></li>
            <li><a>丝带</a></li>
            <li><a>更多</a></li>
        </ul>
        <ul>
            <li>款式:</li>
            <li><a>棉</a></li>
            <li><a>羊毛</a></li>
            <li><a>真丝</a></li>
            <li><a>亚麻</a></li>
            <li><a>苎麻</a></li>
	        <li><a>桑蚕丝</a></li>
	        <li><a>涤纶 </a></li>
	        <li><a>锦纶</a></li>
	        <li><a>腈纶</a></li>
	        <li><a>天丝</a></li>
	        <li><a>莫代尔</a></li>
	        <li><a>涤棉</a></li>
        </ul>
      </div>

      <hr>

      <!-- Example row of columns -->
      <div class="row-fluid">
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
       </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
      </div>

<div class="row-fluid">
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
       </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
      </div>
      
      <div class="row-fluid">
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
       </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
      </div>
      
      <div class="row-fluid">
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
       </div>
        <div class="span4">
          <h2>领花</h2>
          <p><img class="img-rounded" src="<{$smarty.const.IMG_PATH}>linghua.jpg" style="width:320px;height:180px;"></p>
          <!-- <p><a class="btn" href="#">查看 &raquo;</a></p> -->
        </div>
      </div>

      <hr>

      <div class="footer">
        <p>&copy; Company 2013</p>
      </div>

    </div> <!-- /container -->

<{/block}>
<{block name=body_end}>
<{/block}>